<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ng-controller</title>
</head>
<body>


<div ng-app="app" ng-controller="testController">

    <div>
        first-name ： <input ng-model="firstName"/>
    </div>

    <div>
        last-name ： <input ng-model="lastName"/>
    </div>

 <!--  {{firstName + "." + lastName}}
    -->

    {{fullName()|test|uppercase}}


</div>
</body>
<script src="../lib/angular-1.5.0/angular.js"></script>
<script>
    const app = angular.module('app',[]);

    app.controller('testController',function ($scope) {

         $scope.firstName="default";
         $scope.fullName = function () {
             return $scope.firstName +"."+ $scope.lastName;
         }

    })

    app.filter('test',function () {

        return function (text) {
            return "hello" + text;
        }

    })


</script>


</html>